.cs{
    padding-left: 12px;
}
.cs .col-lg-6{
    padding-left: 0px;
    padding-right:0px;
}
.cs,.cs-row{
    height:100%;
   
    box-sizing: border-box;
}
.cs-top{
    box-sizing: border-box;
    height: 49.5%;
    width: 100%;
    background: rgba(255,255,255,.06);
    border:1px solid red;
}

.cs-bottom {
    box-sizing: border-box;
    border:1px solid red;
    height: 49.5%;
    width: 100%;
    margin-top:0.5%;
    background: rgba(255,255,255,.06);
}

.cs-bottom .bottom-R-title {
    border-radius: 4px 4px 0 0;
    color: #00fdf2;
    font-size: 16px;
    font-weight:bold;
    height: 50px;
    line-height: 50px;
    padding-left: 12px;
    background: linear-gradient(to right, rgba(255,255,255,.25), rgba(33,66,100,.25));
 }
 /* tab样式 */
 /* .cs-top ul{
     width:100%;
     height: 40px;
     color:#fff;
 } */
 .cs .cs-row{
    width:100%;
    height:100%;
  
}
 .cs-row ul{
    width:100%;
    height: 40px;
    color:#fff;
}
     /* .cs-top ul li{
    float: left;
    width:130px;
    height:40px;
    line-height: 40px;
    text-align: center;
} */
.cs-row ul li{
    float: left;
    width:130px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(255,255,255,0.2);
}
/* .cs-top .active{
    background-color: rgba(255,255,255,0.3);
    color:#00fdf2;
} */
.cs-row .active{
    background-color: rgba(255,255,255,0.3);
    color:#00fdf2;
}
.tabB{
    width: 100%;
    height:95%;
  
}
.tabB .tab{
    width: 100%;
    height:100%;
    display:none;
    color:#fff;
    background-color: rgba(255,255,255,0.1);
}
.tabB .selected{
    display:block;
}
.cs-row-top{
    box-sizing: border-box;
    height: 49.5%;
    width: 100%;
    background: rgba(255,255,255,.06);
}
.cs-row-top .cs-top-right{
    height: 100%;
   
}
.cs-row-bottom{
    height:50%;
   
}
.cs-row-bottom .cs-bottom-left,.cs-bottom .cs-bottom-right{
    height:100%;
 
}

/* 上半部分 */
.tabB .row{
    height: 100%;
    margin-left:0;
    margin-right:0;
}
.cs-row .cs-top-left{
    height: 100%;
 
}
/* .cs-row .cs-top-right{
    height: 100%;
    border:1px solid red;
} */
/*  */
.cs-top-left .bfNub,.cs-top-left .syNub{
    width: 85%;
    height: 115px;
   margin-left: 10%;
    margin-top:20px;
    background-color: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
}
.cs-top-left .bfNub img,.cs-top-left .syNub img{
    float: left;
    margin-left: 10px;
    align-items: center;
}
.cs-top-left .bfNub .wt,.cs-top-left .syNub .wt{
    
    margin-left: 30px;
}
 .bfNub .wt p,.syNub .wt p{
 	font-size:16px;
        margin-bottom:20px;
}
 .bfNub .wt,.syNub .wt{
    
    margin-left: 10px;
   
}
.bfNub .wt .co{
    
    font-size:35.16px;
    color:#da8152;
    margin-left: 50px;
}
.syNub .wt .co{
    
    font-size:35.16px;
    color:#7088d9;
    margin-left: 50px;
}
.chartBox8{
    width:100%;
    height:100%;
}
.cs-bottom-right .chartBox20, .chartBox21{
	 width:100%;
    height:100%;
}
.cs-row-bottom .bottom-R-title{
    border-radius: 4px 4px 0 0;
    color: #00fdf2;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-left: 12px;
    background: linear-gradient(to right, rgba(255,255,255,.25), rgba(33,66,100,.25));
}
/* 下部分 */
.cs-row-bottom .cs-bottom-left,.cs-row-bottom .cs-bottom-right{
    height:88%;
    
}
/* .cs-bottom .cs-bottom-left,.cs-bottom .cs-bottom-right{
    height:88%;
    border:1px solid red;
} */
.cs-bottom-right .chartBox10{
    height: 100%;
    width:100%;
}
.cs-bottom-left .cs-bottom-left-R{
    width: 428px;
    height: 238px;
  
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.cs-bottom-left-R .R-one,
.cs-bottom-left-R .R-three,
.cs-bottom-left-R .R-five{
    width: 103px;
    height: 233px;
    float: left;
  
}
.cs-bottom-left-R ul {
    height: 100%;
}
.cs-bottom-left-R .R-two,
.cs-bottom-left-R .R-four{
    width: 103px;
    height: 233px;
    float: left;
    margin-top: 48px;
}
.cs-bottom-left-R .R-one .lT{
    width:100%;
    height:40%;
    background: url(../images/ds.png) no-repeat;
}
.cs-bottom-left-R .R-one .lb{
    width:100%;
    height:40%;
    background: url(../images/jr.png)  no-repeat;
}
.cs-bottom-left-R .R-two{
    position: absolute;
    top:0;
    left:80px;
}
.cs-bottom-left-R .R-two .tT{
    width:100%;
    height:40%;
    background: url(../images/cyjy.png)  no-repeat;
}
.cs-bottom-left-R .R-two .tb{
    width:100%;
    height:40%;
    background: url(../images/jy.png)  no-repeat;
}
.cs-bottom-left-R .R-three {
    position: absolute;
    top:0%;
    left:161px;
}
.cs-bottom-left-R .R-three .tT{
    width:100%;
    height:40%;
    background: url(../images/jy.png)  no-repeat;
}
.cs-bottom-left-R .R-three .tb{
    width:100%;
    height:40%;
    background: url(../images/jiaoyu.png)  no-repeat;
}
.cs-bottom-left-R .R-four .FT{
    width:100%;
    height:40%;
    background: url(../images/jy.png)  no-repeat;
}
.cs-bottom-left-R .R-four .Fb{
    width:100%;
    height:40%;
    background: url(../images/jiaoyu.png)  no-repeat;
}
.cs-bottom-left-R .R-four {
    position: absolute;
    top:0%;
    left:241px;
}
.cs-bottom-left-R .R-five .ftop{
    width:100%;
    height:40%;
    background: url(../images/jy.png)  no-repeat;
}
.cs-bottom-left-R .R-five .fbottom{
    width:100%;
    height:40%;
    background: url(../images/jiaoyu.png)  no-repeat;
}
.cs-bottom-left-R .R-five {
    position: absolute;
    top:0%;
    left:322px;
}
/* 第二页下半部分 */
.cs-bottom-left-R2 .imgBox1{
    margin: auto;
height:90px;
width:200px;

}
.cs-bottom-left-R2 .imgBox1 img{
margin-left:11px;

}
.cs-bottom-left-R2 .imgBox2{
    margin: auto;
height:90px;
width:330px;

}
.cs-bottom-left-R2 .imgBox2 img{
margin-left:11px;

}
.cs-bottom-left-R2 .imgBox1 img,.cs-bottom-left-R2 .imgBox2 img{
    float: left;
}
.cs-bottom-left .cs-bottom-left-R2{
    width: 428px;
    height: 179px;
    
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
   